<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="css/register.css">
	<link rel="stylesheet" type="text/css" href="font/iconfont.css">
	<script src="jquery/jquery-1.9.0.js"></script>
	<script src="js/register.js"></script>
	
</head>
<body>
	<div class="bg">
		<span>User registration</span>
		<form action="sgin.html" onsubmit="return doall()">
			<!-- 输入电话号码 -->
			<div id="username">
				 <i class="icon iconfont icon-denglu username-icon"></i>
				<input type="text" value="" name="username" placeholder="    Phone number" required="" size="35" id="username-txt" onfocus="dofocus(this)" onblur="doblurf()">
				<p id="username-p">Enter phone number</p>
			</div>
			<!-- 输入验证码 -->
			<div id="code">
				<i class="icon iconfont icon-yanzhengma code-icon"></i>
				<input type="text" value="" name="username" placeholder="  Input validation code" required="" size="15" onfocus="dofocus(this)" onblur="doblurc()" id="code-txt">
				<div id="codenum">
					<p id="get-code">Get code</p>
				</div>

				<div id="codebg">
					<div id="codeimg">
						<p id="math"></p>
						<span id="egain">Regain</span>
					</div>
				</div>

				<p id="code-p">Verification code must be filled in
				</p>
			</div>
			<!-- 输入密码 -->
			<div id="password">
				  <i class="icon iconfont icon-mima3 password-icon"></i>
				<input type="password" value="" name="username" placeholder="    Please input a password" required="" size="35" onfocus="dofocus(this)" onblur="doblurp()" id="password-txt">
				<p id="password-p">Username password</p>
			</div>
			<!-- 再次输入密码 -->
			<div id="password2">
				  <i class="icon iconfont icon-mima3 password2-icon"></i>
				<input type="password" value="" name="username" placeholder="    Please input a password" required="" size="35" onfocus="dofocus(this)" onblur="doblurpp()" id="password2-txt">
				<p id="password2-p">Username password</p>
			</div>
			<input type="submit" value="Register" id="sgin">
		</form>
	</div>

</body>
</html>